<!-- components/DiscountPopup.vue -->
<template>
  <u-popup v-model="show" mode="bottom" height="400" border-radius="20">
    <view class="tan flex justify-center align-center padding" style="height: 100rpx;">
      <view class="tag text-lg color-black text-bold" style="margin:0 auto;">优惠活动</view>
      <u-icon name="close" style="background-color: #EDEDED;" @click="show = false"></u-icon>
    </view>
    <view class="content padding">
      <text class="text-xs color-red padding-tb-xs padding-lr-sm radius-10 margin-left"
            style="background-color:#FFE7E7 ;">消费劵抵用</text>
      <text class="discount-value text-df margin-lr">最多抵10000元</text>
    </view>
  </u-popup>
</template>

<script>
export default {
  props: {
    value: Boolean
  },
  computed: {
    show: {
      get() {
        return this.value
      },
      set(val) {
        this.$emit('input', val)
      }
    }
  }
}
</script>